<template>
  <div>
    <van-swipe :autoplay="2000" height="1.6rem">
      <van-swipe-item v-for="(image, index) in images" :key="index">
        <img v-lazy="image" height="140px"/>
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
// import Vue from 'vue'
import Vue from "vue";
import { Swipe, SwipeItem } from "vant";

import { Lazyload } from "vant";

Vue.use(Lazyload);

Vue.use(Swipe);
Vue.use(SwipeItem);
export default {
  data() {
    return {
      images: [
        // "http://cloud.axureshop.com/gsc/BEGQY7/58/d6/88/58d6886d205f4616a4c174abb9473b86/images/首页/u3353.png?token=cea6233005df8f34b8ee7c815b8366b7e2fa6b4097f3be512ed47697ad7b2703",
        "http://img.alicdn.com/imgextra/i1/81/O1CN01bYw2KG1CT8kZZ7IHP_!!81-0-luban.jpg",
        "https://aecpm.alicdn.com/simba/img/TB1CWf9KpXXXXbuXpXXSutbFXXX.jpg_q50.jpg",
        
      ],
    };
  },
};
</script>

<style lang="stylus" scoped>
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #39a9ed;
  border-radius .20rem
}
img{
  width 100%
  // height 100%
}
</style>